

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>空气质量监测</title>
        <script type="text/javascript">
        function CONTENT_URL(_name) {
            return 'AQ/' + _name;
        }

        function SCRIPT_URL(_name) {
            return 'AQ/Scripts/' + _name + "?_=" + (Math.random() * 10000);
        }

        function ACTION_URL(actionName, controllerName) {
            if(controllerName == 'Manager'){
                var _actionUrl = 'AQ/Data/ActionName'+'.json';
            }else{
                var _actionUrl = 'AQ/ControllerName/ActionName';
            }
            return _actionUrl.replace("ActionName", actionName).replace("ControllerName", controllerName);
        }

    </script>
    <link href="AQ/Content/Site.css" rel="stylesheet" />
    <link href="AQ/Content/Page.css" rel="stylesheet" />
        <link href="AQ/Content/style.css" rel="stylesheet" />
    <link href="AQ/Content/jqueryui/ui-darkness/jquery-ui-1.10.3.custom.css" rel="stylesheet" />
    <script src="AQ/Scripts/jquery.js"></script>    <script src="AQ/Scripts/jquery.tuhui.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=TpteRSwjGC8xD60ec9GcYExGceCOT2me"></script>

    <link href="AQ/Tmap3/tmap.css" rel="stylesheet" />
    <link href="AQ/Tmap3/MarkerCluster.css" rel="stylesheet" />
    <link href="AQ/Tmap3/tmap.th.css" rel="stylesheet" />
    <script src="AQ/Tmap3/jQuery.print.js"></script>
    <script src="AQ/Tmap3/tmap-src.js"></script>
    <script src="AQ/Tmap3/markercluster-src.js"></script>
    <script src="AQ/Tmap3/plotter.js"></script>
    <script src="AQ/Tmap3/l.ellipse.js"></script>
    <link href="AQ/Tmap3/tmap.extend_mark.css" rel="stylesheet" />
    <script src="AQ/Tmap3/tmap.extend.js"></script>    <script src="AQ/Tmap3/heatmap.js"></script>
    <script src="AQ/Tmap3/tmap.js"></script>
    <script src="AQ/Tmap3/heatmap-leaflet.js"></script>

        <script src="AQ/Scripts/tmap3.demo.js"></script>

    <!--导入图表JS-->
    <script type="text/javascript" src="AQ/Scripts/HighCharts/HighCharts/highcharts.js"></script>
    <script type="text/javascript" src="AQ/Scripts/HighCharts/HighCharts/highcharts-3d.js"></script>
    <script type="text/javascript" src="AQ/Scripts/HighCharts/HighCharts/gray.js"></script>
    <script type="text/javascript" src="AQ/Scripts/data.js"></script>
    <script>

        function CONTENT_URL(_name) {
            return 'AQ/' + _name;
        }

        var $url = {
            Code_CreateMap: 'AQ/Code/Code_CreateMap'
        }



    </script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes" />
	<style>
	html{width:100%;height:100%;}
	</style>
</head>

<body style="width:100%;height:100%;overflow:hidden;">
    <!--<div style="width: 3840px; height: 129px;">
        <img src="AQ/Content/images/top_bg.png">
    </div>-->
    <!-- <div style="width: 164px; height: 949px; position: absolute; left: 0; top: 129px; display:none;">
        <img src="AQ/Content/images/lf_bg.png">
    </div> -->
    <div style="position: relative; width:100%;height:100%; margin: 0;">
        <div class="map_area" style="width:100%">
            <img style="height: 101px; width: 547px; right: 80px; position: absolute; z-index: 9999;display: none;" src="AQ/Content/images/map_title.png" />
            <img style="width: 220px; height: 166px; position: absolute; z-index: 9998;  right:0; bottom:20px;" src="AQ/Content/images/map_box.png" />
            <div id="map">
                
            </div>

            <div class="xuankuang" style="z-index: 9999;display:none;">
                <span style="float: left;">
                    <p style="width: 500px; height: 50px; color: white; font-size: 25px; margin-top: -3px; margin-right: 1010px;">空气质量综合指标分析</p>
                    <p id="year_date" style="width: 500px; height: 50px; color: white; font-size: 15px; margin-top: -22px; margin-right: 1010px;"></p>
                </span>
                <div style="width: 100%; height: 100%; position: absolute; margin-left: 380px;">
                    <input type="checkbox" id="check_2_AQI" style="float: left; height: 25px; width: 25px; margin-top: 13px;" checked="checked" onclick="$.demo.check_2(1)">
                    <p style="color: #ec9301; font-size: 25px; font-weight: 900; margin-top: 15px; margin-left: 40px; position: absolute;">AQI</p>
                    <input type="checkbox" id="check_2_PM25" style="float: left; height: 25px; width: 25px; margin-top: 13px; margin-left: 100px;" checked="checked" onclick="$.demo.check_2(2)">
                    <p style="color: #05c3ff; font-size: 25px; font-weight: 900; margin-top: 15px; margin-left: 140px; position: absolute;">PM2.5</p>
                    <input type="checkbox" id="check_2_JS" style="float: left; height: 25px; width: 25px; margin-top: 13px; margin-left: 230px;" checked="checked" onclick="$.demo.check_2(3)">
                    <p style="color: #f20203; font-size: 25px; font-weight: 900; margin-top: 15px; margin-left: 270px; position: absolute;">降水量</p>
                    <input type="checkbox" id="check_2_FS" style="float: left; height: 25px; width: 25px; margin-top: 13px; margin-left: 360px;" onclick="$.demo.check_2(4)">
                    <p style="color: #05ff0a; font-size: 25px; font-weight: 900; margin-top: 15px; margin-left: 400px; position: absolute;">风速</p>
                    <input type="checkbox" id="check_2_YDL" style="float: left; height: 25px; width: 25px; margin-top: 13px; margin-left: 460px;" onclick="$.demo.check_2(5)">
                    <p style="color: #dadd08; font-size: 25px; font-weight: 900; margin-top: 15px; margin-left: 500px; position: absolute;">用电量</p>
                    <input type="checkbox" id="check_2_PM10" style="float: left; height: 25px; width: 25px; margin-top: 13px; margin-left: 590px;" onclick="$.demo.check_2(6)">
                    <p style="color: #6186ff; font-size: 25px; font-weight: 900; margin-top: 15px; margin-left: 630px; position: absolute;">PM10</p>
                    <input type="checkbox" id="check_2_SO2" style="float: left; height: 25px; width: 25px; margin-top: 13px; margin-left: 710px;" onclick="$.demo.check_2(7)">
                    <p style="color: #0bd9cd; font-size: 25px; font-weight: 900; margin-top: 15px; margin-left: 750px; position: absolute;">SO₂</p>
                    <input type="checkbox" id="check_2_NO2" style="float: left; height: 25px; width: 25px; margin-top: 13px; margin-left: 810px;" onclick="$.demo.check_2(8)">
                    <p style="color: #9ff705; font-size: 25px; font-weight: 900; margin-top: 15px; margin-left: 840px; position: absolute;">NO₂</p>
                    <input type="checkbox" id="check_2_CO" style="float: left; height: 25px; width: 25px; margin-top: 13px; margin-left: 910px;" onclick="$.demo.check_2(9)">
                    <p style="color: #d604e3; font-size: 25px; font-weight: 900; margin-top: 15px; margin-left: 940px; position: absolute;">CO</p>
                    <input type="checkbox" id="check_2_O3" style="float: left; height: 25px; width: 25px; margin-top: 13px; margin-left: 990px;" onclick="$.demo.check_2(10)">
                    <p style="color: #aaa9d1; font-size: 25px; font-weight: 900; margin-top: 15px; margin-left: 1020px; position: absolute;">O₃</p>
                </div>
            </div>

        </div>

        
    </div>
    <!--<div class="linekuang">
        <div id="objMonthPicTotal_2" style="width: 3660px; height: 86px; margin-left: 0px;">
        </div>
    </div>-->
    <script>
        $(function () {
            $.demo.pageInit();
            $.demo.mapInit();
            $.demo.data.Get_AQI_Hour();
            $.demo.data.Get_AQI_Day();
            $.demo.data.Get_AQI_Year();
            $.demo.data.Get_CantonAverageAQI();
            $.demo.data.Get_GYWR_Year();
            $.demo.data.Get_GYWR_TOP();
            $.demo.data.Get_Obj_Station();
            $.demo.data.Get_WQ_Station();
            $.demo.data.Get_QC_Hour();
            $.demo.data.Get_QC_Day();
            $.demo.data.Get_QC_Mouth();
            //$.demo.data.Get_GYWR_Hour();
            //$.demo.data.Get_GYWR_Day();
            $.demo.data.Get_GYWR_Mouth();
            $.demo.data.Get_pm25_year();
            $.demo.data.Get_JS_FS();
            $.demo.data.Get_YDL();
            $.demo.data.Get_JS_FS_Year();
            $.demo.data.Get_time();
            $.demo.data.Get_GY_SITE();
            setTimeout(function () {
                $.demo.setobjMonthPicTotal();
                $.demo.setobjMonthPicTotal_fengxi();
                $.demo.objMonthPicTotal_SO2_Column();
                $.demo.objMonthPicTotal_NO_Column();
                //$.demo.setobjMonthPicTotal_area();
                //$.demo.setobjMonthPicTotal_column();
				$("#nowMouth").html("南京市PM2.5各区排名（9月）")
            }, 2000)
        })


    </script>
</body>
</html>
